.branch-commit-order {
  width: 129px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #8c8c8c;
  margin-left: 16px;
  &-before {
    width: 64px;
    text-align: right;
    .border {
      float: right;
      height: 4px;
      background: $bright-brand;
      border-radius: 4px 0 0 4px;
    }
  }
  &-line {
    width: 1px;
    height: 24px;
    background: $gray-05;
  }
  &-after {
    width: 80px;
    .border {
      height: 4px;
      background: $border-brand;
      border-radius: 0 4px 4px 0;
    }
  }
  .value-zero {
    width: 4px;
    background: #e5e5e5;
    opacity: 1;
  }
  .order-badge {
    font-size: 12px;
    color: #808080;
    line-height: 16px;
    padding: 0 4px;
  }
}
